
<%@ page import="renol.Service" %>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="layout" content="main" />
  <g:set var="entityName" value="${message(code: 'service.label', default: 'Service')}" />
  <title>Renol - Everything You Need</title>
</head>
<body>
<g:link controller="service" action="all">
  <img width="90%" height="300px" src="${resource(dir: 'images', file: 'services.jpg')}"/>
</g:link>
<p class="desc">ONE is a grassroots campaign of more than 2.5 million people committed to the fight against extreme poverty and preventable diseases.</p>
<br/>


<div style=" background-image:url(http://www.one.org/international/img/bg-dot-3col.gif);" class="grid gr-three clearfix" id="features">
  <div class="unit first">
    <h3 class="title"><g:link action="category" params="[type: 0]">Media</g:link></h3>
    <g:each var="mediaInstance" in="${mediaInstanceList}">
      <ul>
        <li>
          <div class="summary">
            <iframe title="YouTube video player" class="youtube-player" type="text/html" 
                    width="256" height="156" src="${mediaInstance.url}"
                    frameborder="0" allowFullScreen></iframe>  
            <h4><g:link action="showService" id="${mediaInstance.id}">${mediaInstance.title}</g:link></h4>                      
          </div>
          <p class="cmt comments"> ${mediaInstance.content}</p>
        </li>
      </ul> 
    </g:each>
    <p class="more-link"><g:link controller="activity" action="all" params="[type: '1']">More other media</g:link></p>
  </div>
  <div class="unit article">       
    <h3 class="title"><g:link action="category" params="[type: '1']">Web</g:link></h3>
    <g:each var="webInstance" in="${webInstanceList}">
      <ul>
        <li>
          <div class="summary">
            <img                    width="256" height="150" src="${webInstance.img1}"></img>  
            <h4><g:link action="showService" id="${webInstance.id}">${webInstance.title}</g:link></h4>                      
          </div>
          <p class="cmt comments"> ${webInstance.content}</p>
        </li>
      </ul> 
    </g:each>
    <p class="more-link"><g:link controller="activity" action="all" params="[type: '1']">More other website</g:link></p>
  </div>

  <div class="unit last blog">
    <h3 class="title"><g:link action="category" params="[type: '2']">Graphic</g:link></h3>
    <g:each var="graphicInstance" in="${graphicInstanceList}">
      <ul>
        <li>
          <div class="summary">
            <img                    width="256" height="150" src="${graphicInstance.img1}"></img>  
            <h4><g:link action="showService" id="${graphicInstance.id}">${graphicInstance.title}</g:link></h4>                      
          </div>
          <p class="cmt comments"> ${graphicInstance.content}</p>
        </li>
      </ul> 
      <br/>
      <br/>
    </g:each>
    <p class="more-link"><g:link controller="activity" action="all" params="[type: '1']">More other graphics</g:link></p>
  </div>
</div>
<hr/>
</body>
</html>
